html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title 首页
    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css")
    link(rel="stylesheet", href="css/reset.css")
    link(rel="stylesheet", href="css/header.css")
    link(rel="stylesheet", href="css/footer.css")
    link(rel="stylesheet", href="css/register.css")
    
  body 
    include common/header.pug

    div.instrouct-list

      div.content-form
        div.inner
          div.tab-state
            div.tab-item1
              span ログイン
            div.tab-item1.active
              span アカウントを作成
          form
            .form-group.required 
              label(for="item1") 
                span   Eメールアドレス
              input#item1.form-control(type="text", placeholder="qwe326089252@gmail.com")

            .form-group.required 
              label(for="item1") 
                span パスワード
              input#item1.form-control(type="text")

            .form-group.required 
              label(for="item1") 
                span パスワードをもう一度入力する
              input#item1.form-control(type="text")

            .form-group.required 
              label(for="item1") 
                span コード
              div.code-input
                input.form-control(type="text")
                img(src="images/code.png", alt="")

            .login-tip
              div
                img(src="images/checked.png", alt="")
                span サインイン状態
              div
                span パスワードをお忘れの方?

            button.submit-btn ログイン

            .sub-tip 登録なしショッピングへ

            .other-login
              div.title
                img(src="images/bottom-tip.png", alt="", style="width: 500px;")
              div.login-icon
                img(src="images/login_icon.png", alt="")
                img(src="images/login_icon.png", alt="")
                img(src="images/login_icon.png", alt="")
                img(src="images/login_icon.png", alt="")
                img(src="images/login_icon.png", alt="")

    
    div.search-info
      div.sub-title 更新、割引、特別オファー、大きな賞を得る!
      div.title 購読する
      div.search
        div 
          input(type="text" placeholder="请输入")
          button 搜索
    
    
    include common/footer.pug
    


    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js") 
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js") 